<template>
    <div id="superadmin" style="min-width: 1000px">
        <Layout>
            <v-header style="background-color: #515a6e"></v-header>
            <Layout>
                <Sider hide-trigger :style="{background: '#fff'}" width="235px">
                    <Menu ref="menu" theme="light"
                          @on-open-change="selectOne" @on-select="selectTwo"
                          width="235px" :active-name="tagTwo" :style="{minHeight:height}">
                        <Submenu name="1">
                            <template slot="title">
                                <Icon type="md-car"/>
                                <span style="font-size: 16px">司机管理</span>
                            </template>
                            <Submenu name="1-1">
                                <template slot="title">
                                    司机管理
                                </template>
                                <MenuItem name="1-1-1" to="/superAdmin/driverRegister" style="font-size: 13px">驾驶员注册</MenuItem>
                                <MenuItem name="1-1-2" to="/superAdmin/driverBlackList" style="font-size: 13px">用户黑明单</MenuItem>
                                <MenuItem name="1-1-3" to="/superAdmin/driverSearch" style="font-size: 13px">用户查询</MenuItem>
                            </Submenu>
                            <Submenu name="1-2">
                                <template slot="title">
                                    积分管理
                                </template>
                                <MenuItem name="1-2-1" to="/superAdmin/driverSign" style="font-size: 13px">用户签到详情</MenuItem>
                            </Submenu>
                            <Submenu name="1-3">
                                <template slot="title">
                                    实名认证管理
                                </template>
                                <MenuItem name="1-3-1" to="/superAdmin/driverAttestation" style="font-size: 13px">认证审核</MenuItem>
                                <MenuItem name="1-3-2" to="/superAdmin/driverCarAttestation" style="font-size: 13px">车辆认证</MenuItem>
                            </Submenu>
                            <Submenu name="1-4">
                                <template slot="title">
                                    钱包管理
                                </template>
                                <MenuItem name="1-4-1" to="/superAdmin/driverDetailList" style="font-size: 13px">钱包明细</MenuItem>
                                <MenuItem name="1-4-2" to="/superAdmin/driverWithdraw" style="font-size: 13px">提现申请</MenuItem>
                            </Submenu>
                            <Submenu name="1-5">
                                <template slot="title">
                                    用户反馈管理
                                </template>
                                <MenuItem name="1-5-1" to="/superAdmin/driverIdea" style="font-size: 13px">用户建议</MenuItem>
                            </Submenu>
                            <Submenu name="1-6">
                                <template slot="title">
                                    用户等级管理
                                </template>
                                <MenuItem name="1-6-1" to="/superAdmin/driverLevel" style="font-size: 13px">用户等级管理</MenuItem>
                            </Submenu>
                        </Submenu>
                        <Submenu name="2">
                            <template slot="title">
                                <Icon type="md-card"/>
                                <span style="font-size: 16px">商户管理</span>
                            </template>

                            <MenuItem name="2-1-1" to="/superAdmin/sellerRegister" style="font-size: 13px">商家注册</MenuItem>
                            <MenuItem name="2-1-2" to="/superAdmin/sellerClose" style="font-size: 13px">店铺关闭</MenuItem>
                            <MenuItem name="2-1-3" to="/superAdmin/sellerNoShop" style="font-size: 13px">无店铺信息</MenuItem>
                            <MenuItem name="2-1-4" to="/superAdmin/sellerError" style="font-size: 13px">店铺纠错</MenuItem>

                        </Submenu>
                        <Submenu name="3">
                            <template slot="title">
                                <Icon type="md-git-network"/>
                                <span style="font-size: 16px">增值业务管理</span>
                            </template>

                            <MenuItem name="3-1-1" to="/superAdmin/secondCar" style="font-size: 13px">二手车</MenuItem>
                            <MenuItem name="3-2-1" to="/superAdmin/recruit" style="font-size: 13px">招聘管理</MenuItem>
                            <MenuItem name="3-3-1" to="/superAdmin/forJob" style="font-size: 13px">求职管理</MenuItem>

                        </Submenu>
                        <Submenu name="4">
                            <template slot="title">
                                <Icon type="md-git-pull-request"/>

                                <span style="font-size: 16px">市场推广管理</span>
                            </template>
                            <MenuItem name="4-1-2" to="/superAdmin/referrerManager" style="font-size: 13px">推荐码管理</MenuItem>

                        </Submenu>

                        <Submenu name="5">
                            <template slot="title">
                                <Icon type="md-analytics"/>

                                <span style="font-size: 16px">运营分析平台</span>
                            </template>
                            <Submenu name="5-1">
                                <template slot="title">
                                    注册用户分析
                                </template>
                                <MenuItem name="5-1-1" to="/superAdmin/addressRegisterList" style="font-size: 13px">用户地区分布</MenuItem>
                                <MenuItem name="5-1-2" to="/superAdmin/userRegisterAnalyse" style="font-size: 13px">注册用户角色分析</MenuItem>
                                <MenuItem name="5-1-3" to="/superAdmin/dayRegister" style="font-size: 13px">日注册用户统计表</MenuItem>
                                <MenuItem name="5-1-4" to="/superAdmin/dayRegisterInvite" style="font-size: 13px">填码与非填码用户分析</MenuItem>
                                <MenuItem name="5-1-5" to="/superAdmin/dayRegisterChange" style="font-size: 13px">用户转化分析</MenuItem>
                                <MenuItem name="5-1-6" to="/superAdmin/levelRegister" style="font-size: 13px">各等级用户统计表</MenuItem>
                            </Submenu>
                            <Submenu name="5-2">
                                <template slot="title">
                                    活动分析
                                </template>
                                <MenuItem name="5-2-1" to="/superAdmin/dayInviteRegister" style="font-size: 13px">邀请好友详情</MenuItem>
                                <MenuItem name="5-2-2" to="/superAdmin/inviteRegisterList" style="font-size: 13px">邀请好友统计</MenuItem>
                                <MenuItem name="5-2-3" to="/superAdmin/videoWeiXinRecord" style="font-size: 13px">视频微信沟通记录</MenuItem>
                                <MenuItem name="5-2-4" to="/superAdmin/videoPhoneRecord" style="font-size: 13px">视频电话沟通记录</MenuItem>
                                <MenuItem name="5-2-5" to="/superAdmin/phoneAnalyse" style="font-size: 13px">拨打电话情况分析</MenuItem>
                                <MenuItem name="5-2-6" to="/superAdmin/weiXinAnalyse" style="font-size: 13px">微信沟通情况分析</MenuItem>

                            </Submenu>
                            <Submenu name="5-3">
                                <template slot="title">
                                    拨打电话分析
                                </template>
                                <MenuItem name="5-3-1" to="/superAdmin/callPhoneNumber" style="font-size: 13px">拨打电话次数表</MenuItem>
                                <MenuItem name="5-3-2" to="/superAdmin/callPhoneDay" style="font-size: 13px">拨打电话次数统计</MenuItem>
                            </Submenu>
                            <Submenu name="5-4">
                                <template slot="title">
                                    活跃用户分析
                                </template>
                                <MenuItem name="5-4-1" to="/superAdmin/activeThen" style="font-size: 13px">当日活跃用户分析</MenuItem>
                                <MenuItem name="5-4-2" to="/superAdmin/activeDay" style="font-size: 13px">往日活跃用户分析</MenuItem>
                                <!--   <MenuItem name="5-4-5">时活跃分析</MenuItem>-->
                            </Submenu>
                            <Submenu name="5-6">
                                <template slot="title">
                                    广告投放分析
                                </template>
                                <MenuItem name="5-6-1" to="/superAdmin/advertClickList" style="font-size: 13px">广告点击量统计</MenuItem>
                                <MenuItem name="5-6-2" to="/superAdmin/advertClickAnalyst" style="font-size: 13px">每日点击量统计分析</MenuItem>
                            </Submenu>
                        </Submenu>

                        <Submenu name="6">
                            <template slot="title">
                                <Icon type="md-cog"/>
                                <span style="font-size: 16px">系统管理</span>
                            </template>
                            <MenuItem name="6-1-1" to="/superAdmin/msgManager" style="font-size: 13px">验证码查询</MenuItem>
                            <MenuItem name="6-1-2" to="/superAdmin/loginRecord" style="font-size: 13px">系统登录日志</MenuItem>
                            <MenuItem name="6-1-4" to="/superAdmin/userManager" style="font-size: 13px">员工管理</MenuItem>
                        </Submenu>
                    </Menu>
                </Sider>
                <Layout>
                    <Content :style="{padding: '10px', minHeight:height, background: '#fff'}">
                        <router-view></router-view>
                    </Content>
                </Layout>
            </Layout>

        </Layout>
        <div id="loading" v-if="loading">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
    import header from "./header.vue"
    import sessionUtils from '../model/sessionUtils';

    export default{
        name: "superadmin",
        data(){
            return {
                loading: false,
                height: "500px",
                tagOne: [0],
                tagTwo: "0"
            }
        },
        components: {
            "v-header": header,
        },
        methods: {
            selectOne(name){
                sessionUtils.setSession("tagOne", JSON.stringify(name));
            },
            selectTwo(name){
                sessionUtils.setSession("tagTwo", name);
                this.tagTwo = name;
            }
        }, mounted(){
            if (sessionUtils.getSession("roleId") != "1") {
                this.$router.push("/commonAdmin");
                return;
            }
            this.height = ((document.documentElement.clientHeight || document.body.clientHeight ) - 80 ) + "px";
            if (!sessionUtils.getSession("token")) {
                this.$router.push("/login");
            }
            this.tagOne = JSON.parse(sessionUtils.getSession("tagOne"));
            this.tagTwo = sessionUtils.getSession("tagTwo");

            if (this.tagTwo)
                this.$refs.menu.openedNames = this.tagOne;
            this.$nextTick(() => {
                this.$refs.menu.updateOpened();
            })

        }
    }
</script>
<style scoped>
    @import "../assets/css/loading.css";

    #superadmin {
        border: 1px solid #d7dde4;
        background: #f5f7f9;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
    }

    a:link {
        font-size: 12px;
        color: #444444;
        text-decoration: none;
    }

    a:visited {
        font-size: 12px;
        color: #444444;
        text-decoration: none;
    }

    a:hover {
        font-size: 12px;
        color: #444444;
        text-decoration: none;
    }
</style>